<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>登录页面</title>
</head>

<body>
    <h1>用户登录</h1>
    用户名：<input name="userName" type="text" id="userName"><br>
    密码：<input name="password" type="password" id="password"><br>
    <input type="button" value="登录" onclick="login()">

    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
    <script>
        function login() {
            $.ajax({
                url: "/user/login",
                type: "POST",
                data: {
                    "userName": $("#userName").val(),
                    "password": $("#password").val()
                },
                success: function (result) {
                    if (result) {
                        location.href = "index.html";
                    } else {
                        alert("Login failed");
                    }

                }
            }
            )
        }

    </script>
</body>

</html>